import {createRouter, createWebHashHistory} from 'vue-router'
import baseHelloSample from '../components/base/HelloSample.vue'
import baseButtonSample from '../components/base/ButtonSample.vue'
import baseBorderSample from '../components/base/BorderSample.vue'
import baseIconSample from '../components/base/IconSample.vue'
import baseLayoutSample from '../components/base/LayoutSample.vue'
import baseLinkSample from '../components/base/LinkSample.vue'
import baseTextSample from '../components/base/TextSample.vue'
import baseScrollBarSample from '../components/base/ScrollBarSample.vue'
import baseSpaceSample from '../components/base/SpaceSample.vue'

import configGlobalSample from '../components/config/GlobalSample.vue'

import formAutoCompleteSample from '../components/forms/AutoCompleteSample.vue'
import validationSample from '../components/forms/ValidateSample.vue'
import checkboxSample from '../components/forms/CheckboxSample.vue'

import datePickerSample from '../components/selector/DatePickerSample.vue'

import dataViewTreeSample from '../components/dataview/TreeSample.vue'

const Router = createRouter({
    history: createWebHashHistory(),
    routes:[{
        path : '/base/hello',
        component:baseHelloSample,
        name: 'baseHello'
    },{
        path : '/base/button',
        component:baseButtonSample,
        name: 'baseButton'
    },{
        path : '/base/border',
        component:baseBorderSample,
        name: 'baseBorder'
    },{
        path : '/base/icon',
        component:baseIconSample,
        name: 'baseIcon'
    },{
        path : '/base/layout',
        component:baseLayoutSample,
        name: 'baseLayout'
    },{
        path : '/base/link',
        component:baseLinkSample,
        name: 'baseLink'
    },{
        path : '/base/text',
        component:baseTextSample,
        name: 'baseText'
    },{
        path : '/base/scrollBar',
        component:baseScrollBarSample,
        name: 'baseScrollBar'
    },{
        path : '/base/space',
        component:baseSpaceSample,
        name: 'baseSpace'
    },{
        path : '/config/global',
        component:configGlobalSample,
        name : 'configGlobal'
    },{
        path : '/form/auto-complete',
        component:formAutoCompleteSample,
        name : 'formAutoComplete'
    },{
        path : '/form/validate',
        component:validationSample,
        name : 'formValidation'
    },{
        path : '/form/checkbox',
        component:checkboxSample,
        name : 'formCheckbox'
    },{
        path : '/selector/data-picker',
        component:datePickerSample,
        name : 'selectorDatePicker'
    },{
        path : '/dataview/tree',
        component:dataViewTreeSample,
        name : 'dataViewTree'
    }]
})
export default Router